import React from 'react';
import Login from './Login'
import Index from './layout/Index'
import { HashRouter, Routes, Route } from 'react-router-dom'
import User from './pages/user/User';
import menus from './routers';

const App = () => {


    const routemap =(menus) =>{
        return menus.map(item=>{
            if(item.children){
                // 有子路由
                return routemap(item.children)
            }else{
                // 没有子路由
                return <Route key={item.key} path={item.key} element={item.element}></Route>
            }
        })
    }
    return <>
        {/* 路由模式定义，Hash 模式 */}
        <HashRouter>
            {/* Routes 配置路由列表 */}
            <Routes>

                {/* 每一项路由的配置 */}
                {/* 路由规则配置 */}
                <Route path='/' element={<Index />}>
                 {/* <Route path='user/list' element={<User />}></Route> */}
                 
                 {routemap(menus)}
                </Route>

                <Route path='login' element={<Login />}></Route>

            </Routes>
        </HashRouter>
    </>
}
export default App;